<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head profile="http://purl.org/dc/elements/1.1/">
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

    <title nevow:render="title">Activist: Event: </title>

    <style>
body
{
  margin-top: 90px;
  margin-left: 3em;
  margin-right: 8em;
}

div#banner
{
  background: url("classic--background.png");
  background-color: #cddebd;
  height: 49px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 10px;
  z-index: 0;
}

      div#menu
      {
      float: right;
      }

div#beta
{
  float: right;
  background-color: #ffdebd;
  background: url("/beta.png");
  text-align: right;
  font: 80% sans-serif;
  height: 49px;
  width: 200px;
  padding: 0px;
}

div#logo
{
  background: url("classic--logo.png");
  height: 70px;
  width: 80px;
  position: absolute;
  top: 0px;
  left: 30px;
  z-index: 1;
}

div#crumb
{
  position: absolute;
  top: 57px;
  left: 138px;
  height: 18px;
  width: 80%;
  
  font: bold 14px sans-serif;
  border: 1px solid black;
  border-left: none;
  background-color: #9caa8b;
  color: #ddeac3;
  z-index: 2;
}
div#crumb a
{
  color: #eee;
  color: #cddebd;
  font-weight: normal;
}
div#crumb a:hover
{
  background-color: inherit;
  color: white;
}


a:hover
{
  background-color:#ffc;
}
a.pdf:hover
{
  background-color:#fff;
  border-bottom: 2px solid blue;
}

.tiny
{
  font-size: 65%;
}

div#login
{
  float: right;
  height: 100%;

  background-color: #ddf;
  border: 2px solid #88c;
  padding: 3px;

  font: 80% sans-serif;
  z-index: 20;
}
div#login p
{
  line-height: 1.2em;
  margin: 0px;
}

div#help
{
  position: absolute;
  top:5px;
  left:0px;
  width:22px;
  height:70px;
  background: url("/help-background.png");
  background-color: #CDB;
  background-color: #dfd;
  border: 1px solid #aaa;
  border-left: none;
  -moz-border-radius: 0px 10px 10px 0px;
}

.help
{
  background-color: #dfd;
  border: 1px solid #8c8;
}

div#event
{
  position: absolute;
  top:5px;
  left:0px;
  width:22px;
  height:70px;
  background-color: #ffc;
  border: 1px solid #aaa;
  border-left: none;
  -moz-border-radius: 0px 10px 10px 0px;
}

.event
{
  background-color: #ffc;
  border: 1px solid #cc8;
}

.warning,.error
{
  background-color: #faa;
  border: 2px solid red;
  font: 110% sans-serif;
  padding: 0.5em;
}

.message
{
  background-color: #afa;
  border: 2px solid #6c6;
  font: 110% sans-serif;
  padding: 0.5em;
}

.infobox
{
  float: right;
  clear: right;
  border: 1px solid #aaa;
  background-color: #eee;
  padding: 5px;
}

.important
{
  padding: 2px;
  background-color: #ff6;
}

div#action
{
  position: absolute;
  top:5px;
  left:0px;
  width:22px;
  height:70px;
  background-color: #CDB;
  background-color: #ddf;
  border: 1px solid #aaa;
  border-left: none;
  -moz-border-radius: 0px 10px 10px 0px;
}

.action
{
  background-color: #ddf;
  border: 1px solid #88c;
}

div.sidebar
{
  background-color: #F0F0E8;
  border: 2px solid #E2E2D3;
  width: 10em;
  float: right;

  padding: 3px;
  margin: 0px -6em 0px 5px;
  -moz-opacity: 0.8;
}

div.sidebar h3
{
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #E2E2D3;
  font: 110% sans-serif;
  font-weight: bold;
}

div.sidebar p
{
  font: 70% sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

div#preview
{
  background-color:#eee;
  border:1px solid black;
}

div#main
{
  background-color:#fff;
  margin-top: 2em;
}

span.microevent
{
  font: 80% sans-serif;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}

span.unapproved_microevent
{
  font: 80% sans-serif;
  color: #aaa;
  padding-bottom: 3px;
}

span.unapproved_microevent a
{
  color: #99a;
}

div.listing
{
  border-bottom: 2px dotted #eee;
}
div.listing p.date
{
  margin-top: 0;
  padding-top: 0;
  font: bold 90% sans-serif;
}
div.listing h2
{
  margin-bottom: 0;
}
div.listing span.creator
{
  font-weight: normal;
  font-size: 75%;
  color: green;
  border-top: 1px solid #eee;
}

div.versions
{
  float: right;
  border: 1px solid #aaa;
  background-color: #eee;
  padding: 3px;
  font: 80% sans-serif;
}

.date_delta
{
  color: red;
}

div.unapproved
{
/*  border: 1px dashed red;
  border-left: 10px solid red;*/
  padding-left: 10px;
  margin-bottom: 5px;
}
div.unapproved .date_delta
{
  color:#aaa;
}
div.unapproved
{
  color: #aaa;
  font-size: 80%;
}

div.unapproved span.creator
{
  color: #aaa;
}

div.unapproved h2
{
  color: #aaa;
}

div.unapproved a
{
  color: #aaa;
}

div.moderation
{
  background-color: #ddf;
  border: 1px solid #88c;
  padding: 1px;
  display: inline;
}

div.moderation form
{
  display:inline;
}

div.moderation input.approve
{
  color: #060;
}
div.moderation input.unapprove
{
  color: #a00;
}

div.moderation input
{
  border: 1px solid black;
  font-size: 70%;
  font-family: sans-serif;
  background-color: #aaa;
  font-variant: small-caps;
}

div.moderation input:hover
{
  background-color: #ddd;
  cursor: pointer;
}

div#main span.date
{
  font-weight: bold;
}

h1
{
  font-family: sans-serif;
  margin-bottom: 0;
  z-index: 20;
}

p
{
  margin-left: 2em;
  line-height: 1.5em;
}

h1,h2,h3,h4,h5
{
  font-family: sans-serif;
}

h2
{
  margin-left: 1em;
  color: green;
}

h3
{
  margin-left: 2em;
  color: green;
}

h2.date
{
  color: black;
  margin-left: 0px;
  border-bottom: 1px solid green;
  background-color: #ffc;
  border-bottom: 1px solid #cc8;
}

ul,ol
{
  margin-left: 3em;
  font-weight: bold;
}

li
{
  padding-bottom: 5px;
  font-weight: normal;
}

div.listingbody
{
  border: 1px dotted #eee;
}

div.listingbody_unapproved
{
  border: 1px dashed red;
}

div.listingbody h3,h4,h5
{
  color: blue;
  margin-left: 2em;
}

div.listingbody blockquote,pre
{
  margin-left: 5em;
}


pre.literal-block
{
  background-color:#eee;
}

div.comment
{
  margin: 0;
  margin-left: 4em;
  margin-top: 5px;
  border-left: 1px solid #88c;
  min-width: 20em;
}

div.comment p
{
  margin: 6px;
}

div.comment h4
{
  color: black;
  margin: 0;
  padding: 3px;
  background-color:#ddf;
  border: 1px solid #88c;
  border-left:none;
}

div.comment_unapproved
{
  margin: 0;
  margin-left: 4em;
  margin-top: 5px;
  border-left: 1px dotted red;
  min-width: 20em;
}

div.comment_unapproved>p
{
  margin: 0px;
  font-size: 60%;
  padding: 0px;
}

div.comment_unapproved>span.action
{
  display: none;
}

div.comment_unapproved>h4
{
  color: black;
  margin: 0;
  padding: 0px;
  background-color: #eee;
  border: 1px dotted red;
  border-left: none;
  font-size: 60%;
}


.anonymous
{
  background-color: yellow;
  border: 1px solid red;
}


div#footer
{
  height: 18px;
  width: 100%;
  margin-top: 2em;
  
  font: bold 12px sans-serif;
  border-top: 1px solid black;
  background-color: #9caa8b;
  color: #ddeac3;
  z-index: 2;
  text-align: center;
}

div#footer a
{
  color: #eee;
  color: #cddebd;
  font-weight: normal;
}
div#footer a:hover
{
  background-color: inherit;
  color: white;
}



table
{
  border: 1px solid black;
  border-collapse: collapse;
}

th
{
  border-bottom: 1px solid black;
  text-align: center;
  background-color: #ded;
}

tr.odd
{
  background-color: #ffe;
}

td
{
  border: 1px solid #000;
  padding: 5px;
}


div.personalmessage
{
  font: 80% sans-serif;
  border-top: 1px solid black;
  padding-bottom: 1em;
}

div.personalmessage p
{
  margin: 0px;
  padding: 0px;
  color:blue;
}
      </style>

  </head>
  
  <body>
      <div id="logo"></div>
      <div id="banner">
	<div id="menu"><img src="classic--menu-events.png" /></div>
      </div>

    <h1>Activist Network</h1>


    <div id="main" nevow:render="body">
    </div>
	
      <br style="clear:both;" />

	<div nevow:render="connections">
	</div>

  </body>
</html>
